<template>
    <div class="demo">
        <!-- 首页 -->
        <div class="content"><Main></Main></div>
        <!-- 详情页 -->
        <div class="message"><Message></Message></div>
        <!-- 时间轴 -->
        <div class="time"><Time></Time></div>
        <!-- 广告页 -->
        <div class="advertising"><Advertising></Advertising></div>
    </div>
</template>

<script setup lang="ts">
import Main from "../components/main/index.vue";
import Message from "../components/message/index.vue";
import Time from "../components/time/index.vue";
import Advertising from "../components/advertising/index.vue";
</script>
<style scoped lang="less">
.demo {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.demo::-webkit-scrollbar {
    display: none;
}
.advertising {
    margin-top: 150px;
}
</style>
